<!DOCTYPE html>
<html lang="en">
<head>
    <title>设备管理</title>
    <meta charset="utf-8">
    <script src="../Public/publicjs.js"></script>
    <script src="EM.js"></script>
</head>
<body>

<div class="panel panel-default">
    <div class= "panel-heading">
        <h2><span class="label label-custom">搜索区</span></h2>
    </div>
    <div class="panel-body row">
        <!-- <div class="btn-group btn-group-sm">
            <button class="btn btn-default" style="background-color: #e6e6e6"  disabled="disabled">按用户名</button>
            <input class="btn btn-default" id="account">
        </div> -->
        <div class="form-group col-md-3">
            <div class="input-group">
                <div class="input-group-addon">设备名</div>
                <input  id="em_name" class="form-control" type="text">
            </div>
        </div>

        <div class="form-group form-inline col-md-2">
            <div class="input-group">
                <div class="input-group-addon">状态</div>
                <select id="em_status" class="form-control btn btn-default">
                    <option  value="All">全部</option>
                    <option   value="1">运行中</option>
                    <option   value="2">待清洁</option>
                    <option   value="3">已清洁</option>
                    <option   value="4">待维修</option>
                    <option   value="5">维修中</option>
                    <option   value="6">停用</option>
                </select>
            </div>
        </div>
        <button id="search" type="button" class="btn btn-custom btn-sm">搜索</button>
    </div>
</div>

<!--列表区域面板
<div class="panel panel-default" style="margin:0;top: 155px;left: 5px;right: 5px;bottom: 5px;position: absolute">
    <div class="panel-heading">
        <div class="row" style="margin: 0">
-->
<div class="panel panel-default" style="margin:0;top: 155px;left: 5px;right: 5px;bottom: 5px;position: absolute">
    <div class= "panel-heading">
        <h2 class="col-sm-3" style="padding: 0"><span class="label label-custom">设备列表</span></h2>
        <div class="col-sm-9" style="padding: 0">
            <div class="btn-toolbar" style="float: right;margin-right: 10px" >
                <button id="addEM" type="button" class="btn btn-custom "><span class="fa fa-plus"></span> 添加</button>
                <button id="updEM" type="button" class="btn btn-custom "><span class="fa fa-edit"></span> 修改</button>
            </div>
        </div>
    </div>
    <!--
    <div class="panel-body" style="padding-bottom: 0">
        <div id="materialTableParent" style="top: 60px;bottom: 5px;left: 10px;right: 10px;position: absolute;">
            <table id="materialTable" data-toggle="table"
                   data-click-to-select="true"
                   data-striped="true"
                   data-row-style="rowStyle"
                   data-cell-style="cellStyle"
                   data-unique-id="itemCode"
            >
             -->


    <div class="panel-body" style="padding-bottom: 0">
        <!--列表内容-->
        <div style="top: 60px;bottom: 5px;left: 10px;right: 10px;position: absolute;">
            <table id="em_table" data-toggle="table"
                   data-click-to-select="true"
                   data-striped="true"
                   data-row-style="rowStyle"
                   data-cell-style="cellStyle"
                   data-pagination="true"
                   data-unique-id="id">
                <thead>
                <tr>
                    <!--
                    <th data-field="state" data-radio="true" data-visible="true"></th>
                    -->
                    <th data-field="state" data-radio="true"></th>
                    <th data-field="id" data-visible="false"></th>
                    <th data-field="no" data-switchable="false">编号</th>
                    <th data-field="name">名称</th>
                    <th data-field="model">型号</th>
                    <th data-field="statusName">状态</th>
                    <th data-field="typeName">类型</th>
                    <th data-field="typeDescription">类型说明</th>
                    <th data-field="workcenterId">所属工位</th>
                    <th data-field="barcodeId">条码</th>
                    <th data-field="workcenterId">工位</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>


</body>
</html>